<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from kl-webmedia.com/elearn/blog-post.htm by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 05 Mar 2014 11:04:17 GMT -->
<head>
    <meta charset="utf-8" />
    <title>eLearn - Blog</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- CSS Files -->
	<link rel="stylesheet" href="plugin/bootstrap/css/bootstrap.min.css" />
	<link rel="stylesheet" href="plugin/font-awesome/css/font-awesome.min.css" />
	<link rel="stylesheet" href="plugin/pretty-photo/css/prettyPhoto.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/animate.min.html" />
	<!-- / CSS Files -->
	
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <header class="main">
        <div class="container">
            <nav class="navbar" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.htm"><img id="logo" src="img/logo.png" alt="eLearn" /></a>
                </div>
                <div class="collapse navbar-collapse">
                <div class="navbar-right menu-main"> 
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Home</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="index.htm">Home, version 1</a></li>
                                <li><a href="index2.htm">Home, version 2</a></li>
                                <li><a href="index3.htm">Home, version 3</a></li>
                            </ul>
                        </li>
                        <li><a href="about-us.htm"><span>About us</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Video</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="categories.htm">Categories of video</a></li>
                                <li><a href="videos-list.htm">Video list</a></li>
                                <li><a href="videos-grid.htm">Video list (grid)</a></li>
                                <li><a href="video.htm">Video film detail</a></li>
                            </ul>
                        </li>
                        <li><a href="features.htm"><span>Features</span></a></li>
                        <li class="dropdown active">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>Blog</span> <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="blog-list.htm">Blog list</a></li>
                                <li><a href="blog-post.htm">Blog post detail</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.htm"><span>Contact us</span></a></li>
                    </ul>
                    <a class="btn btn-theme navbar-btn btn-default sign-in" href="#">Sign in</a>
                    <a class="btn btn-theme navbar-btn btn-orange  sign-up" href="register.htm">Sign up</a>
                </div>
                </div>
            </nav>
        </div>
    </header>
    
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <h1>1000 Teacher Tutorials</h1>
                </div>
                <div class="col-md-5">
                    <ol class="breadcrumb pull-right">
                        <li><a href="index.htm">Home</a></li>
                        <li class="active">Blog</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Blog post -->
    <section class="content content-light  blog">
        <div class="container">
            <div class="row">
                <!-- Blog post - center -->
                <div class="col-md-8">
                    <article>
                        <header>
                            <p class="blog-img"><img src="img/blog_img_1.jpg" alt="" class="img-rounded" /></p>
                            <p class="blue-box blog-params">
                                <span><i class="fa fa-calendar"></i> <time datetime="2013-01-10T21:01">January 10, 2013</time></span>
                                <span><i class="fa fa-user"></i> <a href="blog-list.htm">Jonathan Doe</a></span>
                                <span><i class="fa fa-tags"></i> <a href="blog-list.htm">Webdesign</a>, <a href="blog-list.htm">Inspiration</a></span>
                                <span class="text-orange"><i class="fa fa-comments-o"></i> 19 Comments</span>
                            </p>
                        </header>
                        
                        <!-- blog description - content -->
                        <div class="blog-content">
                            <p>We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won't receive a generic service and although we can't boast years and years of service we can ensure you that is a good thing in this industry. Our teams are up to date with the latest technologies.</p>
                            <h2>Sub page</h2>
                            <p>Before you choose us to take on your project you will probably want to know a bit more about us, so meet the team:</p>
                            <p>Ross has over 10 years experience in the industry. He is our <strong>Creative Director</strong>, digital designer, web designer and front-end developer. He is also pretty good with a sketchbook. Before starting the company Ross worked as a designer and studio manager for a design house who boasted a number of big name clients. Ross has brought his vast experience from this role to the work he does now.</p>
                            <p>Monica is Ross' sister, our Art Director and specialises in graphic and print design. She has also worked with some big names and her designs have won her a number of industry awards.</p>
                            <h3>Sub page</h3>
                            <p>Rachel and Chandler are our Junior Designers. Rachel is a web designer with knowledge of HTML and CSS and supports Ross on projects. Chandler has just finished his Graphic Design degree and enjoys continuing to learn from Monica and building his experience.</p> 
                            <p>Joey and Phoebe focus on bringing new business to the company. They have won a number of big clients recently and both also have qualifications in project management to ensure that the projects run smoothly from start to finish.</p>
                        </div>
                        
                        <!-- blog author -->
                        <div class="blue-box  author-box">
                            <h2>About the author</h2>
                            <div class="row">
                                <div class="col-md-3">
                                    <img src="img/face/18.png" class="img-rounded" alt="Jonathan Doe" />
                                </div>
                                <div class="col-md-9">
                                    <strong>Jonathan Doe</strong> - <em>webdesigner</em>
                                    <p>Ross has over 10 years experience in the industry. He is our digital designer, web designer and front-end developer. He is also pretty good with a sketchbook.</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- blog social -->
                        <div class="blue-box  blog-social">
                            <div class="row">
                                <div class="col-md-3">
                                    <strong>Share this post</strong>
                                </div>
                                <div class="col-md-3">
                                    <iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FKL-Webmedia%2F131260293670757&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=21&amp;appId=188835154460780" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
                                </div>
                                <div class="col-md-3">
                                    <iframe scrolling="no" allowtransparency="true" frameborder="0" src="https://platform.twitter.com/widgets/tweet_button.html#url=https%3A%2F%2F.twitter.com%2FKLWebmedia" data-twttr-rendered="true"></iframe>
                                </div>
                                <div class="col-md-3">
                                    <iframe src="https://plusone.google.com/_/+1/fastbutton?bsv&amp;size=medium&amp;hl=en-US&amp;url=https://plus.google.com/113174627408639682462/&amp;parent=https://plus.google.com/113174627408639682462/" allowtransparency="true" frameborder="0" scrolling="no" title="+1"></iframe>
                                </div>
                            </div>
                        </div>
                        
                        <!-- blog comments -->
                        <section class="comments">
                            <h2>Comments</h2>
                            <ul class="media-list">
                                <!-- comment #1 -->
                                <li class="media">
                                    <a href="#" class="pull-left"><img src="img/face/14.png" class="img-rounded user-img" alt="John Doe" /></a>
                                    <div class="media-body">
                                        <div class="media-heading">
                                            <strong>John Doe</strong> - <time datetime="2014-01-20T22:11" class="cute-time">2014/01/20 22:11:19</time>
                                            <a href="#" class="pull-right btn btn-lightblue"><i class="fa fa-reply"></i> Reply</a>
                                        </div>
                                        <p>Whether you need to create a brand from scratch, including marketing materials and a beautiful and functional website or whether you are looking for a design.</p>
                                        
                                        <!-- reply #1 comment #1 -->
                                        <div class="media">
                                            <a href="#" class="pull-left"><img src="img/face/13.png" class="img-rounded user-img" alt="Susan Edwards" /></a>
                                            <div class="media-body">
                                                <div class="media-heading">
                                                    <strong>Susan Edwards</strong> - <time datetime="2014-01-21T21:11" class="cute-time">2014/01/21 21:11:19</time>
                                                    <a href="#" class="pull-right btn btn-lightblue"><i class="fa fa-reply"></i> Reply</a>
                                                </div>
                                                <p>Joey and Phoebe focus on bringing new business to the company. They have won a number of big clients recently.</p>
                                            </div>
                                        </div>
                                        
                                        <!-- reply #2 comment #1 -->
                                        <div class="media">
                                            <a href="#" class="pull-left"><img src="img/face/22.png" class="img-rounded user-img" alt="Adam Johnson" /></a>
                                            <div class="media-body">
                                                <div class="media-heading">
                                                    <strong>Adam Johnson</strong> - <time datetime="2014-01-24T20:11" class="cute-time">2014/01/22 22:11:19</time>
                                                    <a href="#" class="pull-right btn btn-lightblue"><i class="fa fa-reply"></i> Reply</a>
                                                </div>
                                                <p>Our teams are up to date with the latest technologies, media trends and are keen to prove themselves in this industry.</p>
                                            </div>
                                        </div>
                                  </div>
                                </li>
                                
                                <!-- comment #2 -->
                                <li class="media">
                                    <a href="#" class="pull-left"><img src="img/face/22.png" class="img-rounded user-img" alt="Adam Johnson" /></a>
                                    <div class="media-body">
                                        <div class="media-heading">
                                            <strong>Adam Johnson</strong> - <time datetime="2014-01-24T20:14" class="cute-time">2014/01/24 20:14:19</time>
                                            <a href="#" class="pull-right btn btn-lightblue"><i class="fa fa-reply"></i> Reply</a>
                                        </div>
                                        <p>Our teams are up to date with the latest technologies, media trends and are keen to prove themselves in this industry.</p>
                                    </div>
                                </li>
                            </ul>
                            
                            <hr class="invisible" />
                            
                            <!-- Form add comment -->
                            <h2>Post your comment</h2>
                            <p>Fill out all required fields to send a message. You have to login to your wordpress account to post any comment. Please don't spam, thank you!</p>
                            
                            <hr class="invisible" />
                            
                            <form action="http://kl-webmedia.com/elearn/register.htm" class="contact-form" role="form">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="fieldInputName">Name</label>
                                            <input type="text" class="form-control input-lg" id="fieldInputName" placeholder="enter your name" />
                                        </div>
                                        <div class="form-group">
                                            <label for="fieldInputTopic">Subject</label>
                                            <input type="text" class="form-control input-lg" id="fieldInputTopic" placeholder="enter topic of message" />
                                        </div>
                                        <div class="form-group">
                                            <label for="fieldInputEmail">Email address</label>
                                            <input type="email" class="form-control input-lg" id="fieldInputEmail" placeholder="enter your email address" />
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="fieldInputMessage">Message</label>
                                            <textarea class="form-control" rows="11" id="fieldInputMessage" placeholder="text of message"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <p class="text-right buttons-margin-horizontal">
                                    <input type="reset" class="btn btn-theme btn-gray" value="Reset" />
                                    <input type="submit" class="btn btn-theme btn-green" value="Send message" />
                                </p>
                            </form>
                        </section>
                    </article>
                </div>
                
                <!-- Blog - sidebar -->
                <aside class="col-md-4" role="complementary">
                
                    <!-- Widget: Search -->
                    <section class="widget search">
                        <h2>Search</h2>
                        <form action="http://kl-webmedia.com/elearn/blog-list.htm" class="search-blog" method="get" role="search">
                            <input type="search" class="form-control input-lg" name="q" placeholder="search for something..." />
                            <a href="#" class="submit"><i class="fa fa-search"></i></a>
                        </form>
                    </section>
                    
                    <!-- Widget: Gallery -->
                    <section class="widget float-inside gallery">
                        <h2>Gallery Widget</h2>
                        <a href="img/01.jpg" rel="prettyPhoto[gallery1]" title="MacBook pro"><img src="img/img_sample_1.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/02.jpg" rel="prettyPhoto[gallery1]" title="People in work"><img src="img/img_sample_2.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/03.jpg" rel="prettyPhoto[gallery1]" title="Apple hard drive"><img src="img/img_sample_3.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/04.jpg" rel="prettyPhoto[gallery1]" title="Woman with laptop"><img src="img/img_sample_4.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/05.jpg" rel="prettyPhoto[gallery1]" title="No music no fun"><img src="img/img_sample_5.jpg" class="img-rounded" alt="" /></a>
                        <a href="img/06.jpg" rel="prettyPhoto[gallery1]" title="Old analog camera"><img src="img/img_sample_6.jpg" class="img-rounded" alt="" /></a>
                    </section>
                    
                    <!-- Widget: Twitter -->
                    <section class="widget twitter">
                        <h2>Latest Tweets</h2>
                        <article class="twitter-item">
                            <p class="author"><span class="btn btn-social social-twitter"><i class="fa fa-twitter"></i></span> Jonathan Doe</p>
                            <p>We can't boast years and years of service we can ensure you that is a good thing in this industry <a href="http://goo.gl/cx6ZuM">http://goo.gl/cx6ZuM</a></p>
                            <time datetime="2014-01-22T22:11" class="cute-time">2014/01/22 22:11:19</time>
                        </article>
                        <article class="twitter-item">
                            <p class="author"><span class="btn btn-social social-twitter"><i class="fa fa-twitter"></i></span>  Marc Adams</p>
                            <p>Lorem ipsum and years of service we can ensure you that is a good thing in this industry <a href="http://goo.gl/uSSrMW">http://goo.gl/uSSrMW</a></p>
                            <time datetime="2014-01-21T22:11" class="cute-time">2014/01/21 22:11:19</time>
                        </article>
                    </section>
                    
                    <!-- Widget: Categories -->
                    <section class="widget category">
                        <h2>Categories</h2>
                        <nav>
                        <ul>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Webdesign &amp; Graphicdesign</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Learn another language</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Webdevelopement</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Drawing &amp; Painting</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Video Making</a></li>
                            <li><a href="blog-list.htm"><i class="fa fa-play"></i>Internet Marketing</a></li>
                        </ul>
                        </nav>
                    </section>
                    
                    <!-- Widget: Categories -->
                    <section class="widget posts">
                        <h2>Recent Postings</h2>
                        <ul>
                            <li><a href="blog-post.htm"><h3>1000 Teacher Tutorials</h3> Jan 12, 2013 in General</a></li>
                            <li><a href="blog-post.htm"><h3>Updated our servers in LA</h3> Jan 02, 2013 in Webdesign</a></li>
                            <li><a href="blog-post.htm"><h3>Currently not available</h3> Jan 01, 2013 in Webdesign</a></li>
                        </ul>
                    </section>
                </aside>
            </div>
        </div>        
    </section>
    
    <footer class="main bg-dark-img">
        <section class="widgets">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <h4>About us</h4>
                    <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur.</p>
                </div>
                <div class="col-md-3 footer-qlink">
                    <h4>Quick links</h4>
                    <nav>
                        <ul>
                            <li><a href="plans.htm">Start teaching / learning</a></li>
                            <li><a href="categories.htm">Tutorials database</a></li>
                            <li><a href="about-us.htm">Meet the team</a></li>
                            <li><a href="blog-list.htm">Our blog</a></li>
                            <li><a href="contact.html">Contact us</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="col-md-3 footer-blog">
                    <h4>Latest blogpostings</h4>
                    <ul class="media-list">
                        <li class="media">
                            <a class="pull-left" href="blog-post.htm"><img class="media-object img-rounded" src="img/face/14.png" alt="author" /></a>
                            <div class="media-body">
                                <h5 class="media-heading"><a href="blog-post.htm">Stet clita kasd</a></h5>
                                <p>Lubergren, no sea...</p>
                               	<span class="footer"><time datetime="2014-01-09T22:11" class="cute-time">2014/01/09 22:11:19</time> by admin</span> <!-- attribute "datetime" is optional -->
                            </div>
                        </li>
                        <li class="media">
                            <a class="pull-left" href="blog-post.htm"><img class="media-object img-rounded" src="img/face/5.png" alt="author" /></a>
                            <div class="media-body">
                                <h5 class="media-heading"><a href="blog-post.htm">Stet clita kasd</a></h5>
                                <p>Takimata sanctus est...</p>
                                <span class="footer"><time datetime="2013-12-30T20:12" class="cute-time">2013/12/30 20:12:38</time> by admin</span> <!-- attribute "datetime" is optional -->
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-md-3 footer-social">
                    <h4>Follow us on</h4>
                    <a class="btn btn-social social-facebook" href="https://www.facebook.com/pages/KL-Webmedia/131260293670757"><i class="fa fa-facebook"></i></a>
                    <!--<a class="btn-social social-vimeo" href="https://vimeo.com/"><i class="fa fa-vimeo"></i></a>-->
                    <a class="btn btn-social social-youtube" href="http://www.youtube.com/"><i class="fa fa-youtube"></i></a>
                    <a class="btn btn-social social-twitter" href="https://twitter.com/KLWebmedia"><i class="fa fa-twitter"></i></a>
                    <a class="btn btn-social social-gplus" href="https://plus.google.com/113174627408639682462/posts"><i class="fa fa-google-plus"></i></a>
                    <!--<a class="btn-social social-blogger" href="https://www.blogger.com/"><i class="fa fa-facebook"></i></a>-->
                    <a class="btn btn-social social-dribbble" href="http://dribbble.com/KL-Webmedia"><i class="fa fa-dribbble"></i></a>
                    <!--<a class="btn-social social-deviantart" href="http://kl-webmedia.deviantart.com/"><i class="fa fa-deviantart"></i></a>-->
                    <a class="btn btn-social social-linkedin" href="https://www.linkedin.com/"><i class="fa fa-linkedin"></i></a>
                    <a class="btn btn-social social-tumblr" href="https://www.tumblr.com/"><i class="fa fa-tumblr"></i></a>
                    <!--<a class="btn-social social-flickr" href="http://www.flickr.com/"><i class="fa fa-flickr"></i></a>-->
                </div>
            </div>
        </div>
        </section>
        <section class="copyright">
            <div class="container">
                &copy; Copyright 2014 <b>KL-Webmedia.com</b> &nbsp; | &nbsp; All rights reserved
            </div>
        </section>
    </footer>
    <!-- JavaScript Files -->
    <script src="plugin/jquery-1.10.2.min.js"></script>
    <script src="plugin/bootstrap/js/bootstrap.min.js"></script>
    <script src="plugin/jquery.cuteTime.min.js"></script>
    <script src="plugin/pretty-photo/js/jquery.prettyPhoto.js"></script>
    <script src="script/script.js"></script>
    <!-- / JavaScript Files -->
</body>

<!-- Mirrored from kl-webmedia.com/elearn/blog-post.htm by HTTrack Website Copier/3.x [XR&CO'2010], Wed, 05 Mar 2014 11:04:43 GMT -->
</html>